<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="Adobe RoboHelp - www.adobe.com">
<title>Formatting a Weighted List Viewer widget</title>
<link rel="stylesheet" href="default_ns.css"><script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
<!--
if (navigator.appName !="Netscape")
{   document.write("<link rel='stylesheet' href='default.css'>");}
//-->
</script>
<style type="text/css">
<!--
h1.whs1 { font-size:11pt; }
p.whs2 { font-size:9pt; }
table.whs3 { x-cell-content-align:top; width:100%; border-spacing:0px; }
col.whs4 { width:26.774%; }
col.whs5 { width:73.226%; }
tr.whs6 { x-cell-content-align:top; height:19px; }
td.whs7 { border-left-width:1px; border-left-color:#000000; border-left-style:Solid; border-top-style:Solid; border-top-color:#000000; border-top-width:1px; border-right-width:1px; border-right-color:#000000; border-right-style:Solid; border-bottom-style:Solid; border-bottom-color:#000000; border-bottom-width:1px; padding-right:10px; padding-left:10px; }
p.whs8 { font-size:9pt; font-weight:bold; }
td.whs9 { border-top-style:Solid; border-top-color:#000000; border-top-width:1px; border-right-width:1px; border-right-color:#000000; border-right-style:Solid; border-bottom-style:Solid; border-bottom-color:#000000; border-bottom-width:1px; padding-right:10px; padding-left:10px; }
tr.whs10 { x-cell-content-align:top; height:93px; }
td.whs11 { border-left-width:1px; border-left-color:#000000; border-left-style:Solid; border-right-width:1px; border-right-color:#000000; border-right-style:Solid; border-bottom-style:Solid; border-bottom-color:#000000; border-bottom-width:1px; padding-right:10px; padding-left:10px; }
td.whs12 { border-right-width:1px; border-right-color:#000000; border-right-style:Solid; border-bottom-style:Solid; border-bottom-color:#000000; border-bottom-width:1px; padding-right:10px; padding-left:10px; }
ol.whs13 { list-style:decimal; }
p.whs14 { font-size:9pt; margin-top:4.5pt; }
tr.whs15 { x-cell-content-align:top; height:96px; }
tr.whs16 { x-cell-content-align:top; height:130px; }
p.whs17 { font-size:9pt; margin-left:40px; }
-->
</style><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
<!--
function reDo() {
  if (innerWidth != origWidth || innerHeight != origHeight)
     location.reload();
}
if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
	origWidth = innerWidth;
	origHeight = innerHeight;
	onresize = reDo;
}
onerror = null; 
//-->
</script>
<style type="text/css">
<!--
div.WebHelpPopupMenu { position:absolute; left:0px; top:0px; z-index:4; visibility:hidden; }
-->
</style><script type="text/javascript" language="javascript1.2" src="whmsg.js"></script>
<script type="text/javascript" language="javascript" src="whver.js"></script>
<script type="text/javascript" language="javascript1.2" src="whproxy.js"></script>
<script type="text/javascript" language="javascript1.2" src="whutils.js"></script>
<script type="text/javascript" language="javascript1.2" src="whlang.js"></script>
<script type="text/javascript" language="javascript1.2" src="whtopic.js"></script>
</head>
<body><script type="text/javascript" language="javascript1.2">
<!--
if (window.gbWhTopic)
{
	if (window.addTocInfo)
	{
	addTocInfo("Creating and modifying documents and dashboards\nProviding Flash-based analysis and interactivity: Widgets\nFormatting widgets\nFormatting a Weighted List Viewer widget");
addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");

	}
	if (window.writeBtnStyle)
		writeBtnStyle();

	if (window.writeIntopicBar)
		writeIntopicBar(1);

	if(1)
	{
	
	}

	if (window.setRelStartPage)
	{
	setRelStartPage("MicroStrategy_Web_Help.htm");

		autoSync(1);
		sendSyncInfo();
		sendAveInfoOut();
	}
}
else
	if (window.gbIE4)
		document.location.reload();

//-->
</script>
<h1 class="whs1">Formatting a Weighted List Viewer widget</h1>
<p class="whs2">For an image of a Weighted List Viewer widget 
 and steps to add one to a document, see 
<a href="Defining_a_Weighted_List_Viewer_widget.htm" 
 style="font-size: 9pt;">Defining a Weighted List Viewer widget</a>.</p>
<p class="whs2">&nbsp;</p>
<p class="whs2">A Weighted List Viewer widget inherits some 
 of the formatting from its Grid/Graph in Editable Mode. For example, the 
 font colors and types applied to the Grid/Graph in Editable Mode are displayed 
 in the widget in Flash Mode. If you do not want to apply formatting from 
 Editable Mode to Flash Mode, clear the <span style="font-weight: bold;"><B>Inherit 
 grid formatting</B></span> check box in the Properties dialog box in Flash 
 Mode or Interactive Mode.</p>
<p class="whs2">&nbsp;</p>
<p class="whs2">You can format other aspects of the widget, 
 such as the threshold color bands. Refer to the table below for information 
 on formatting different aspects of the widget, as well as how and where 
 to format them. The steps can be performed in Flash Mode. They can also 
 be performed in Interactive Mode if the widget has been defined to display 
 as a widget in DHTML, and DHTML is enabled in Web. For instructions to 
 determine how the widget is displayed, see 
<a href="Widget_non_Flash.htm">Determining 
 how a widget is rendered in non-Flash modes</a>. For instructions to enable 
 DHTML, see 
<a href="DHTML-only_features_in_Web.htm">Enabling DHTML in 
 MicroStrategy Web</a>.</p>
<p class="whs2">&nbsp;</p>
<table x-use-null-cells cellspacing="0" width="100%" class="whs3">
<script language='JavaScript'><!--
if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4)) document.write("</table><table x-use-null-cells cellspacing='0' width='100%' border='1' bordercolor='black' bordercolorlight='black' bordercolordark='black'>");
//--></script>
<col class="whs4">
<col class="whs5">


<tr valign="top" class="whs6">
<td width="26.774%" class="whs7">
<p class="whs8">What to Format in the Widget</td>
<td width="73.226%" class="whs9">
<p class="whs8">How to Format it</td></tr>

<tr valign="top" class="whs10">
<td width="26.774%" class="whs11">
<p class="whs2">Colors that appear in the stacked bar chart 
 on the left side of the widget and in the grid on the right side. Each 
 color corresponds to good, neutral, or bad performance</td>
<td width="73.226%" class="whs12">
<ol type="1" class="whs13">
	
<li style=" font-size: 9pt; " class=p><p class="whs14">In 
 <span style="font-weight: bold;"><B>Flash Mode</B></span>, right-click the widget 
 and select <span style="font-weight: bold;"><B>Properties</B></span>. The Properties 
 dialog box opens.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs14">Choose 
 colors from the <span style="font-weight: bold;"><B>Band 1</B></span><span>, 
 </span>&nbsp;<span style="font-weight: bold;"><B>Band 2</B></span><span>, 
 </span>and <span style="font-weight: bold;"><B>Band 3</B></span> drop-down lists. 
 </p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs14">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to save the changes.</p></li>
</ol></td></tr>

<tr valign="top" class="whs15">
<td width="26.774%" class="whs11">
<p class="whs2">Show or hide the lines on the stacked graph 
 on the left side of the widget</td>
<td width="73.226%" class="whs12">
<ol type="1" class="whs13">
	
<li style=" font-size: 9pt; " class=p><p class="whs14">In 
 <span style="font-weight: bold;"><B>Flash Mode</B></span>, right-click the widget 
 and select <span style="font-weight: bold;"><B>Properties</B></span>. The Properties 
 dialog box opens.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs14">Select 
 or clear the <span style="font-weight: bold;"><B>Graph gridlines</B></span> check 
 box.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs14">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to save the changes.</p></li>
</ol></td></tr>

<tr valign="top" class="whs15">
<td width="26.774%" class="whs11">
<p class="whs2">Apply a glass-like effect to the entire widget</td>
<td width="73.226%" class="whs12">
<ol type="1" class="whs13">
	
<li style=" font-size: 9pt; " class=p><p class="whs14">In 
 <span style="font-weight: bold;"><B>Flash Mode</B></span>, right-click the widget 
 and select <span style="font-weight: bold;"><B>Properties</B></span>. The Properties 
 dialog box opens.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs14">Select 
 or clear the <span style="font-weight: bold;"><B>Glass effect </B></span>check 
 box.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs14">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to save the changes.</p></li>
</ol></td></tr>

<tr valign="top" class="whs16">
<td width="26.774%" class="whs11">
<p class="whs2">Determine whether only two color bands are displayed 
 instead of three</td>
<td width="73.226%" class="whs12">
<ol type="1" class="whs13">
	
<li style=" font-size: 9pt; " class=p><p class="whs14">In 
 <span style="font-weight: bold;"><B>Flash Mode</B></span>, right-click the widget 
 and select <span style="font-weight: bold;"><B>Properties</B></span>. The Properties 
 dialog box opens.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs14">Select 
 or clear the <span style="font-weight: bold;"><B>Use only two bands</B></span> 
 check box. </p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs14">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to save the changes.</p></li>
</ol>
<p class="whs2">&nbsp;</p>
<p class="whs17"><span style="font-weight: bold;"><B>Note</B></span>: 
 When only two bands are displayed, the colors of Band 1 and Band 3 are 
 used to display the two bands in the widget.</td></tr>
<script language='JavaScript'><!--
if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4)) document.write("</table></table><table>");
//--></script>
</table>
<p class="whs2">&nbsp;</p>
<script type="text/javascript" language="javascript1.2">
<!--
highlightSearch();
if (window.writeIntopicBar)
	writeIntopicBar(0);
if(0)
{

}
//-->
</script>
</body>
</html>
